<template>
	<view>
		
		<!-- 	导航栏 -->
		<uni-nav-bar class="u-f-ajc" :statusBar="true" left-icon="arrowleft" @clickRight="submit"  rightText="发布" @clickLeft="back" >
			<view class="u" @click="change">
				
					{{info}}
				<view >
					<u-icon size="20" name="arrow-down"></u-icon>
				</view> 
			</view>
		</uni-nav-bar>
			<!-- 多行输入框 -->
			<view class="uni-textarea">
				<textarea v-model="texe" placeholder="写点想说的吧~" />
			</view>
			<!-- 上传图片 -->
			<view>
				
					<u-upload ref="uUpload" :action="action" :auto-upload="false" ></u-upload>
					
			</view>
			<!-- 弹出提示窗口 -->
			
				<view >
					<u-popup  v-model="show" mode="center" width="610upx" height="700upx">
						<!-- 图片 -->
						<view u-f-ajc>
							<image class="img" src="../../static/message.png" mode="widthFix"></image>
							
						</view>
							<!-- 文字 -->
						<view class="text">1.涉及黄色，政治，广告及骚扰信息</view>
						<view class="text">2.涉及人身攻击</view>
						<view class="text">3.留联系方式，透露他人隐私</view>
						<view class="text">一经核实，将被封禁，情节严重将永久封禁</view>
								<!-- 确定按钮 -->
						<u-button @click="show = false" class="konw">朕知道了</u-button>
					</u-popup>
					
				</view>
				
			
		
	</view>
</template>

<script>
	import  uniNavBar from '../../components/uni-nav-bar/uni-nav-bar.vue'
	
	export default{
		data(){
			return{
				isGet:false, //是否提示用户保存草稿
				info:'所有人可见',
				itemList:['所有人可见', '仅自己可见'],
				texe:'',//发布内容
				action: 'http://www.example.com/upload',
				filesArr: [],
				show:true
			}
		},
		components:{
			uniNavBar
		},
		methods:{
			//是否保存草稿
			isBaocun(){
				uni.showModal({
					    content: '是否保存为草稿？',
						cancelText:'不保存',
						confirmText:'保存',
					    success:(res)=> {
					        if (res.confirm) {
					            console.log('用户点击确定');
					        } else if (res.cancel) {
					            console.log('用户点击取消');
					        }
							//返回
							uni.navigateBack({
								delta:1
							})
					    }				
				})
				
			},
			//返回
			back(){
				uni.navigateBack({
					delta:1
				})
			},
			//发布
			submit(){
				console.log("提交了")
				this.$refs.uUpload.upload();
				let files = [];
				// 通过filter，筛选出上传进度为100的文件(因为某些上传失败的文件，进度值不为100，这个是可选的操作)
				files = this.$refs.uUpload.lists.filter(val => {
					return val.progress == 100;
				})
				// 如果您不需要进行太多的处理，直接如下即可
				// files = this.$refs.uUpload.lists;
				console.log(files)
			},
			//选择可见
			change(){
				uni.showActionSheet({
				    itemList: this.itemList,
				    success: (res) =>{
						console.log(res);
						this.info=this.itemList[res.tapIndex]
				        
				    }
				});
			},
			onBackPress(){
				console.log("返回了")
				//判断是否有文件
				if(this.texe==''||this.filesArr.length<0){return}
				//判断是否提示过
				if(!this.isGet){
					this.isGet=true
					//调用方法
					this.isBaocun()
					
				}else{
					return
				}
				
				//阻止返回
				return true;
			}
		}
	}
</script>
<style scoped >
	.u{
		margin-left: 140upx;
		display: flex;
		align-items: center;
		justify-content: center;	
	}
	.uni-textarea{
			border: #EEEEEE 1upx solid;
	}
	.konw{
		margin-top: 20upx;
		width: 90%;
		background-color: #FFE934;
		border-radius: 10upx;
	}
	.text{
		padding-left: 20upx;
		color: #000000;
	}
	.img{
		position: relative;
		right: -60upx;
		height: 80%;
		width: 80%;
		
	}
	.message{
		
		
	}
</style>